<template>
	<div style="display: flex;flex-wrap: wrap;overflow: auto;height: 100%;">
		<Card title="折线图">
			<chart-line/>
		</Card>
		<Card title="柱状图">
			<chart-bar/>
		</Card>
		<Card title="饼状图">
			<chart-pie/>
		</Card>
		<Card title="仪表盘">
			<chart-gauge/>
		</Card>
		<Card title="3D柱状图">
			<chart-bar3d/>
		</Card>
	</div>
</template>
<script>
import ChartLine from "@/view/echart/chart-line.vue";
import ChartBar from "@/view/echart/chart-bar.vue";
import ChartPie from "@/view/echart/chart-pie.vue";
import ChartGauge from "@/view/echart/chart-gauge.vue";
import ChartBar3d from "@/view/echart/chart-bar3d.vue";

export default {
	name: "index",
	components: {ChartBar3d, ChartGauge, ChartPie, ChartBar, ChartLine},
}
</script>

<style scoped>

</style>